$(function() {
	classesContrast = 1;
	getClassesContrast()
})

function getClassesContrast() {
	const currYear = localStorage.getItem("year");
	const currMon = localStorage.getItem("month");
	const currDept = localStorage.getItem("dept");
	$.get(
		`${API_URL}getdata?budgetYear=${currYear}&budgetMonth=${currMon}&status=2&chartPage=60101&chartNo=1&username=${getUsername}`, {},
		function(res) {
			console.log(res)
			let re = eval("(" + res + ")");
			console.log(re)
			getDepartment(re.items[0].charts[0].data)
		}
	)
	getTableData()

}

function getDepartment(data) {
	let shoukuanData = []
	let yusuanData = [];
	let zhichuData = [];
	let legendData = ['项目收款', '成本预算', '成本支出'];
	let xData = [];
	for (let i = 0; i < data.length; i++) {
		xData.push(data[i].key01)
		shoukuanData.push(FormatWYCash(data[i].key02 ? data[i].key02 : 0));
		yusuanData.push(FormatWYCash(data[i].key03 ? data[i].key03 : 0));
		zhichuData.push(FormatWYCash(data[i].key04 ? data[i].key04 : 0));
	}

	let seriesData = [{
			name: "项目收款",
			barWidth: '15%',
			type: "bar",
			data: shoukuanData,
			itemStyle: {
				color: "#165DFF",
			},
			label: {
				show: true,
				position: 'top',
				fontSize: 12,
				color: "#1D2129",
				fontWeight: 600,
			},
		},
		{
			name: "成本预算",
			barWidth: '15%',
			type: "bar",
			data: yusuanData,
			itemStyle: {
				color: "#F7BA1E",
			},
			label: {
				show: true,
				position: 'top',
				fontSize: 12,
				color: "#1D2129",
				fontWeight: 600,
			},
		}, {
			name: "成本支出",
			barWidth: '15%',
			type: "bar",
			data: zhichuData,
			itemStyle: {
				color: "#20C997",
			},
			label: {
				show: true,
				position: 'top',
				fontSize: 12,
				color: "#1D2129",
				fontWeight: 600,
			},
		}
	];
	have("department") ? monthTrend("department", seriesData, legendData, xData, 123) : "";
}



// var data = [{
// 		field1: 1,
// 		field2: 2,
// 		field3: 3,
// 		field4: 4,
// 		field5: 42,
// 		field6: '20%',
// 		field7: 7,
// 		field8: 8,
// 		field9: 9,
// 		field10: 10,
// 		child: [{
// 				a: '预算',
// 				b: 0.00,
// 				c: 100.2,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '实际',
// 				b: '1,634.64',
// 				c: 34.322,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '预算',
// 				b: 0.00,
// 				c: 100.2,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '实际',
// 				b: '1,634.64',
// 				c: 34.322,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '预算',
// 				b: 0.00,
// 				c: 100.2,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '实际',
// 				b: '1,634.64',
// 				c: 34.322,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '预算',
// 				b: 0.00,
// 				c: 100.2,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '实际',
// 				b: '1,634.64',
// 				c: 34.322,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '预算',
// 				b: 0.00,
// 				c: 100.2,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '实际',
// 				b: '1,634.64',
// 				c: 34.322,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},

// 			{
// 				a: '预算',
// 				b: 0.00,
// 				c: 100.2,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '实际',
// 				b: '1,634.64',
// 				c: 34.322,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '预算',
// 				b: 0.00,
// 				c: 100.2,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '实际',
// 				b: '1,634.64',
// 				c: 34.322,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},

// 			{
// 				a: '预算',
// 				b: 0.00,
// 				c: 100.2,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '实际',
// 				b: '1,634.64',
// 				c: 34.322,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '预算',
// 				b: 0.00,
// 				c: 100.2,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '实际',
// 				b: '1,634.64',
// 				c: 34.322,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '预算',
// 				b: 0.00,
// 				c: 100.2,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '实际',
// 				b: '1,634.64',
// 				c: 34.322,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '预算',
// 				b: 0.00,
// 				c: 100.2,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '实际',
// 				b: '1,634.64',
// 				c: 34.322,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '预算',
// 				b: 0.00,
// 				c: 100.2,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '实际',
// 				b: '1,634.64',
// 				c: 34.322,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '预算',
// 				b: 0.00,
// 				c: 100.2,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},
// 			{
// 				a: '实际',
// 				b: '1,634.64',
// 				c: 34.322,
// 				d: 1313,
// 				e: 4333,
// 				f: 331232,
// 				g: 3123,
// 			},

// 		]
// 	},
// 	{
// 		field1: 2,
// 		field2: 2,
// 		field3: 3,
// 		field4: 4,
// 		field5: 30,
// 		field6: '300%',
// 		field7: 766,
// 		field8: 34,
// 		field9: 9,
// 		field10: 10,
// 		child: [{
// 			a: '预算',
// 			b: 0.00,
// 			c: 100.2,
// 			d: 1313,
// 			e: 4333,
// 			f: 331232,
// 			g: 3123,
// 		}, ]
// 	},
// 	{
// 		field1: 3,
// 		field2: 2,
// 		field3: 3,
// 		field4: 4,
// 		field5: 30,
// 		field6: '90%',
// 		field7: 766,
// 		field8: 34,
// 		field9: 9,
// 		field10: 10
// 	}
// ];
var data = [];

function getTableData() {
	var $table = $('#table')
	$table.bootstrapTable('destroy');
	const currYear = localStorage.getItem("year");
	const currMon = localStorage.getItem("month");
	// let data = [];
	$.get(
		`${API_URL}getdata?budgetYear=${currYear}&budgetMonth=${currMon}&status=2&chartPage=60101&chartNo=2&username=${getUsername}`, {},
		function(res) {
			let re = eval("(" + res + ")");
			data = re.items[0].charts[0].data;
			buildTable($table, data)
			$.get(
				`${API_URL}getdata?budgetYear=${currYear}&budgetMonth=${currMon}&status=2&chartPage=60101&chartNo=12&username=${getUsername}`, {},
				function(res) {
					let re = eval("(" + res + ")");
					let child = re.items[0].charts[0].data;

					for (let i = 0; i < data.length; i++) {
						if (data[i].key01 == '军二品') {
							data[i].child = child
						}
					}
					$.get(
						`${API_URL}getdata?budgetYear=${currYear}&budgetMonth=${currMon}&status=2&chartPage=60101&chartNo=13&username=${getUsername}`, {},
						function(res) {
							console.log(res)
							let re = eval("(" + res + ")");
							console.log(re)
							let child = re.items[0].charts[0].data;
					
							for (let i = 0; i < data.length; i++) {
								if (data[i].key01 == '民品') {
									data[i].child = child
								}
							}
							$.get(
								`${API_URL}getdata?budgetYear=${currYear}&budgetMonth=${currMon}&budgetMonth=${currMon}&status=2&chartPage=60101&chartNo=14&username=${getUsername}`, {},
								function(res) {
									console.log(res)
									let re = eval("(" + res + ")");
									console.log(re)
									let child = re.items[0].charts[0].data;
							
									for (let i = 0; i < data.length; i++) {
										if (data[i].key01 == '预研') {
											data[i].child = child
										}
									}
									$.get(
										`${API_URL}getdata?budgetYear=${currYear}&budgetMonth=${currMon}&status=2&chartPage=60101&chartNo=15&username=${getUsername}`, {},
										function(res) {
											console.log(res)
											let re = eval("(" + res + ")");
											console.log(re)
											let child = re.items[0].charts[0].data;
									
											for (let i = 0; i < data.length; i++) {
												if (data[i].key01 == '纵向') {
													data[i].child = child
												}
											}
											console.log(data)
											
										}
									)
								}
							)
						}
					)
				}
			)
			
			
			
		}
	)
	

}

function buildTable($el, rowData) {
	console.log(rowData)
	var i;
	var j;
	var row;
	var columns = [];
	let isdetailView = true;

	if ($el.selector == '#table') {
		columns = [{
				field: 'key01',
				title: '类别',
				sortable: true,
				formatter: blodName
			},
			{
				field: 'key02',
				title: '项目收款',
				sortable: true,
				align: 'right',
				formatter: blodText
			},
			{
				field: 'key03',
				title: '预算',
				sortable: true,
				align: 'right',
				formatter: blodText
			},
			{
				field: 'key04',
				title: '预算序时进度',
				sortable: true,
				align: 'right',
				formatter: blodText
			},
			{
				field: 'key05',
				title: '预算完成进度',
				sortable: true,
				align: 'right',
				formatter: progress
			},
			{
				field: 'key06',
				title: '上限预警',
				sortable: true,
				align: 'right',
				formatter: rateText
			},
			{
				field: 'key07',
				title: '下限预警',
				sortable: true,
				align: 'right',
				formatter: rateText
			},
			{
				field: 'key08',
				title: '支出合计',
				sortable: true,
				align: 'right',
				formatter: blodText
			},
			// {
			// 	field: 'key09',
			// 	title: '财补',
			// 	sortable: true,
			// 	align: 'right',
			// 	formatter: wyText
			// }
		]
	} else {
		// data = rowData.child;
		// isdetailView = data.child && data.child.length > 0;
		// columns = [
		// 	[{
		// 			field: 'key01',
		// 			title: '费用',
		// 			rowspan: 2,
		// 			formatter: blodName
		// 		},
		// 		{
		// 			title: '材料费',
		// 			colspan: 2,
		// 			align: 'center',
		// 		},
		// 		{
		// 			title: '人员费',
		// 			colspan: 2,
		// 			align: 'center',
		// 		}
		// 	],
		// 	[{
		// 			field: 'key02',
		// 			title: '不锈钢',
		// 			align: 'right',
		// 			formatter: wyText
		// 		},
		// 		{
		// 			field: 'key03',
		// 			title: '碳纤维',
		// 			align: 'right',
		// 			formatter: wyText

		// 		},
		// 		{
		// 			field: 'key04',
		// 			title: '薪酬',
		// 			align: 'right',
		// 			formatter: wyText
		// 		},
		// 		{
		// 			field: 'key05',
		// 			title: '福利',
		// 			align: 'right',
		// 			formatter: wyText
		// 		}
		// 	]
		// ]
	}
	$el.bootstrapTable({
		columns: columns,
		data: data,
		// detailView: isdetailView,
		onExpandRow: function(index, row, $detail) {
			// console.log(index , row , $detail)
			/* eslint no-use-before-define: ["error", { "functions": false }]*/
			// expandTable($detail, row)
		},
		onSort: function() {
			setTimeout(() => {
				warnStyle()
			}, 50)
		}
	})
	warnStyle()
}

function expandTable($detail, row) {
	// console.log(cells)
	buildTable($detail.html('<table></table>').find('table'), row)
	warnStyle()
}
function blodName(value){
	return `<h6>${value}</h6>`
}
function rateText(value){
	return `<p>${(value*100).toFixed(2)}%</p>`
}
function wyText(value){
	return `<p>${FormatWYCash(value)}</p>`
}
function blodText(value) {
	return `<h6>${FormatWYCash(value)}</h6>`
}

function progress(value) {
	return `<div class="process_container">
								<div>
								<div class="process_bar">
									<div class="${parseFloat(value)>1?'process exceed':'process'}" style="width:${value*72}px"></div>
								</div>
								<p>${(value * 100).toFixed(2)}%</p>
								</div>
							</div>`
}

function warnStyle() {
	$('.bootstrap-table .fixed-table-container .table td').each(function() {
		if ($(this).find('div').hasClass('exceed')) {
			$(this).find('.exceed').parents('tr').css('background', 'rgba(248, 215, 218, 0.4)')
		}
	})
}
